<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="com.sinodata.bsm.center.util.spring.SpringContextHolder"%>
<%@page import="com.sinodata.bsm.center.service.resource.ResService"%>
<%@ page import="com.sinodata.bsm.common.vo.*"%>
<%@ page import="com.sinodata.bsm.common.utils.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%
    ResService service = SpringContextHolder.getBean(ResService.class);
			String resid = request.getParameter("resid");
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<%@ include file="../include/taglib.jsp"%>
<%@ include file="../include/common.jsp"%>
<%@ include file="../include/table.jsp"%>
<title>中科金财IT综合监控系统</title>
<link type="text/css" rel="stylesheet" href="/bsm/style/default/bsm/appviewdetail.css" />
<link href="/bsm/style/default/bsm/tab.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jcarousellite_1.0.1.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/charts/FusionCharts.js"></script>
<script type="text/javascript" src="CPU_MEM.js"></script>		

<script type="text/javascript">
	function init(){
	    var cpuVRealLed =  new FusionCharts("${pageContext.request.contextPath}/resources/charts/VLED.swf", "cpuVled11", "100%", "85", "0", "1" );
	    cpuVRealLed.setXMLData(RTString);
        cpuVRealLed.render("proc_cpu_1");
        
		var memVRealLed =  new FusionCharts("${pageContext.request.contextPath}/resources/charts/VLED.swf", "cpuVled11", "100%", "85", "0", "1" );
		memVRealLed.setXMLData(RTString);
		memVRealLed.render("proc_mem_1");
		
	    var cpuVRealLed2 =  new FusionCharts("${pageContext.request.contextPath}/resources/charts/VLED.swf", "cpuVled12", "100%", "85", "0", "1" );
	    cpuVRealLed2.setXMLData(RTString);
	    cpuVRealLed2.render("proc_cpu_2");
        
		var memVRealLed2 =  new FusionCharts("${pageContext.request.contextPath}/resources/charts/VLED.swf", "cpuVled12", "100%", "85", "0", "1" );
		memVRealLed2.setXMLData(RTString);
		memVRealLed2.render("proc_mem_2");
		
	    var cpuVRealLed3 =  new FusionCharts("${pageContext.request.contextPath}/resources/charts/VLED.swf", "cpuVled13", "100%", "85", "0", "1" );
	    cpuVRealLed3.setXMLData(RTString);
	    cpuVRealLed3.render("proc_cpu_3");
        
		var memVRealLed3 =  new FusionCharts("${pageContext.request.contextPath}/resources/charts/VLED.swf", "cpuVled13", "100%", "85", "0", "1" );
		memVRealLed3.setXMLData(RTString);
		memVRealLed3.render("proc_mem_3");
	}
	
	$(document).ready(function() {
		init();
	});
	
	
</script>
</head>
<body>
	<div class="max">
		<jsp:include page="viewdetailtop.jsp">
			<jsp:param name="resid" value="<%=resid %>"></jsp:param>
		</jsp:include>
		<!--@end 手机银行系统监控一览-->
		<div class="tabbar">
			<ul>
				<li id="baseLi"><a id="baseA"
					href="viewdetail.jsp?resid=<%=resid%>" target="_self"><span>基础资源</span>
				</a>
				</li>
				<li id="appViewLi" class="selected"><a id="appViewA" href="#"
					target="_self"><span>应用环境</span>
				</a>
				</li>
				<li id="appRelLi" class=""><a id="appRelA" href="xtzc.html"
					target="eventViewFrame"><span>应用关联</span>
				</a>
				</li>
				<li id="eventLi" class=""><a id="eventA" href="xtzc.html"
					target="eventViewFrame"><span>事件分析</span>
				</a>
				</li>
			</ul>
			<div class="clear"></div>
		</div>
		<div id="c02">
			<!--tab1-->
			<!--左边-->
			<div class="container_row">
				<div class="app_unit w_710">
						<h2 class="w_title">进程监控</h2>
						<div >
							<div class="app_proc_unit">
								<ul class="app_ul">
									<li class="proc_ul_li_title h_21"><span>BSM进程</span></li>
									<li class="proc_ul_li_comm h_21"><span class="col-l-ul-l">运行状态:</span><span class="col-l-ul-r">好</span></li>
									<li class="proc_ul_li_chart">
										<fieldset>
											<legend>CPU 使用率</legend>
										    <div id="proc_cpu_1" class="proc_chart"></div>
										</fieldset>
										<fieldset>
											<legend>内存 使用率</legend>
										    <div id="proc_mem_1" class="proc_chart"></div>
										</fieldset>
									</li>
									<li class="proc_ul_li_comm h_21"><span class="col-l-ul-l">运行时长:</span><span class="col-l-ul-r">210M</span></li>
								</ul>
							</div>
							<div class="app_proc_unit">
							     <ul class="app_ul">
									<li class="proc_ul_li_title h_21"><span>BSM进程</span></li>
									<li class="proc_ul_li_comm h_21"><span class="col-l-ul-l">运行状态:</span><span class="col-l-ul-r">好</span></li>
									<li class="proc_ul_li_chart">
										<fieldset>
											<legend>CPU 使用率</legend>
										    <div id="proc_cpu_2" class="proc_chart"></div>
										</fieldset>
										<fieldset>
											<legend>内存 使用率</legend>
										    <div id="proc_mem_2" class="proc_chart"></div>
										</fieldset>
									</li>
									<li class="proc_ul_li_comm h_21"><span class="col-l-ul-l">运行时长:</span><span class="col-l-ul-r">210M</span></li>
								</ul>
							</div>
							<div class="app_proc_unit">
							    <ul class="app_ul">
									<li class="proc_ul_li_title h_21"><span>BSM进程</span></li>
									<li class="proc_ul_li_comm h_21"><span class="col-l-ul-l">运行状态:</span><span class="col-l-ul-r">好</span></li>
									<li class="proc_ul_li_chart">
										<fieldset>
											<legend>CPU 使用率</legend>
										    <div id="proc_cpu_3" class="proc_chart"></div>
										</fieldset>
										<fieldset>
											<legend>内存 使用率</legend>
										    <div id="proc_mem_3" class="proc_chart"></div>
										</fieldset>
									</li>
									<li class="proc_ul_li_comm h_21"><span class="col-l-ul-l">运行时长:</span><span class="col-l-ul-r">210M</span></li>
								</ul>
							</div>
						</div>
				</div>
				<div class="app_unit w_540">
						<h2 class="w_title">端口监控</h2>
						<div >
							<div class="app_port_unit">
							    <ul class="app_ul">
									<li class="proc_ul_li_title h_40"><span>80 监听端口</span></li>
									<li class="proc_ul_li_comm h_40"><span class="col-l-ul-l">服务状态:</span><span class="col-l-ul-r"><img src="/bsm/style/default/bsm/appview/ky.png" width="25" height="16" /></span></li>
									<li class="proc_ul_li_comm h_40"><span class="col-l-ul-l">连接数量:</span><span class="col-l-ul-r">20</span></li>
									<li class="proc_ul_li_foot h_40">172.168.2.210</span></li>
								</ul>
							</div>
							<div class="app_port_unit">
							     <ul class="app_ul">
									<li class="proc_ul_li_title h_40"><span>81 监听端口</span></li>
									<li class="proc_ul_li_comm h_40"><span class="col-l-ul-l">服务状态:</span><span class="col-l-ul-r"><img src="/bsm/style/default/bsm/appview/ky.png" width="25" height="16" /></span></li>
									<li class="proc_ul_li_comm h_40"><span class="col-l-ul-l">连接数量:</span><span class="col-l-ul-r">20</span></li>
									<li class="proc_ul_li_foot h_40">172.168.2.210</span></li>
								</ul>
							</div>
							<div class="app_port_unit">
							     <ul class="app_ul">
									<li class="proc_ul_li_title h_40"><span>82 监听端口</span></li>
									<li class="proc_ul_li_comm h_40"><span class="col-l-ul-l">服务状态:</span><span class="col-l-ul-r"><img src="/bsm/style/default/bsm/appview/ky.png" width="25" height="16" /></span></li>
									<li class="proc_ul_li_comm h_40"><span class="col-l-ul-l">连接数量:</span><span class="col-l-ul-r">20</span></li>
									<li class="proc_ul_li_foot h_40">172.168.2.210</span></li>
								</ul>
							</div>
						</div>
				</div>
			</div>
			
			
			<div class="container_row">
				<div class="app_unit w_360">
				       <h2 class="w_title">文件监控</h2>
						<div class="unit_content">
							<div class="por_div">
							</div>
							<div class="por_div">
							</div>
							<div class="por_div">
							</div>
							<div class="por_div">
							</div>
						</div>
				</div>
				<div class="app_unit w_345">
				        <h2 class="w_title">SQL查询监控</h2>
						<div class="unit_content">
							<div class="por_div">
							</div>
							<div class="por_div">
							</div>
							<div class="por_div">
							</div>
							<div class="por_div">
							</div>
						</div>
				</div>
				<div class="app_unit w_545">
				        <h2 class="w_title">自定义SHELL监控</h2>
						<div class="unit_content">
							<div class="por_div">
							</div>
							<div class="por_div">
							</div>
							<div class="por_div">
							</div>
							<div class="por_div">
							</div>
						</div>
				
				</div>
			</div>
			
			<div class="container_row">
			
			</div>
			<!--@end 右边-->
			<!--@end tab1-->
		</div>
	</div>
</body>
</html>

